@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.animate-gradient {
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

/* 使用现代的强制颜色模式替代-ms-high-contrast */
@media (forced-colors: active) {
  /* 添加强制颜色模式下的样式，确保UI元素的可见性 */
  button, 
  [role="button"],
  .ant-btn {
    forced-color-adjust: none;
    color: ButtonText;
    background-color: ButtonFace;
    border-color: ButtonBorder;
  }
  
  a {
    color: LinkText;
  }
  
  /* 确保表格边框在高对比度模式下可见 */
  .ant-table-cell {
    border-color: CanvasText;
  }
}